<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="http://demo.jeesite.com/js/static/jqGrid/4.7/js/jquery.jqGrid.extend.js?V4.0-08171536"></script>
		<script src="http://demo.jeesite.com/js/static/jqGrid/4.7/js/i18n/zh_CN.js?V4.0-08171536"></script>
		<script src="http://demo.jeesite.com/js/static/jquery/jquery-1.12.4.min.js"></script>
		<script src="http://demo.jeesite.com/js/static/jquery/jquery-migrate-1.4.1.min.js"></script>
		
		<link rel="stylesheet" href="http://demo.jeesite.com/js/static/jqGrid/4.7/css/ui.jqgrid.css?V4.0-08171536">
		<link rel="stylesheet" href="http://demo.jeesite.com/js/static/common/jeesite.css?V4.0-08171536">
		<link rel="stylesheet" href="http://demo.jeesite.com/js/static/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="http://demo.jeesite.com/js/static/adminlte/css/AdminLTE.min.css?V4.0-08171536">
		
	</head>
	<body>
		
		
		<div class="main-content">
			<div class="box box-main">
				<div class="box-header">
					<div class="box-title">
						<i class="fa fa-list-alt"></i> user_info管理
					</div>
					<div class="box-tools pull-right">
						<a href="#" class="btn btn-default" id="btnSearch" title="查询"><i class="fa fa-filter"></i> 查询</a>
						
							<a href="/user/userInfo/form" class="btn btn-default btnTool" title="新增user_info"><i class="fa fa-plus"></i> 新增</a>
						
					</div>
				</div>
				<div class="box-body">
					<!--<form id="searchForm"  action="/user/userInfo/listData" method="post" class="form-inline hide"
							data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}">-->
					<form id="searchForm"  action="/user/userInfo/listData" method="post" class="form-inline"
							>
						<div class="form-group">
							<label class="control-label">姓名：</label>
							<div class="control-inline">
								<input path="name" maxlength="255" class="form-control width-120"/>
							</div>
						</div>
						<div class="form-group">
							<label class="control-label">年龄</label>
							<div class="control-inline">
								<input path="age" maxlength="11" class="form-control width-120"/>
							</div>
						</div>
						<div class="form-group">
							<button type="submit" class="btn btn-primary btn-sm">查询</button>
							<button type="reset" class="btn btn-default btn-sm">重置</button>
						</div>
					</form>
					
					<table id="dataGrid"></table>
					<div id="dataGridPage"></div>
				</div>
			</div>
		</div>
		<!-- jQuery 3 -->
<script src="../../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="../../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- SlimScroll -->
<script src="../../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../../bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../../dist/js/demo.js"></script>
<!-- page script -->
		
	</body>
</html>

<script>
// 初始化DataGrid对象
$('#dataGrid').dataGrid({
	searchForm: $("#searchForm"),
	columnModel: [
		{header:'姓名', name:'name', index:'a.name', width:150, align:"left", frozen:true, formatter: function(val, obj, row, act){
			return '<a href="/user/userInfo/form?id='+row.id+'" class="btnList" data-title="编辑user_info">'+(val||row.id)+'</a>';
		}},
		{header:'年龄', name:'age', index:'a.age', width:150, align:"center"},
		{header:'操作', name:'actions', width:120, sortable:false, title:false, formatter: function(val, obj, row, act){
			var actions = [];
			
				actions.push('<a href="/user/userInfo/form?id='+row.id+'" class="btnList" title="编辑user_info"><i class="fa fa-pencil"></i></a>&nbsp;');
				actions.push('<a href="/user/userInfo/delete?id='+row.id+'" class="btnList" title="删除user_info" data-confirm="确认要删除该user_info吗？"><i class="fa fa-trash-o"></i></a>&nbsp;');
			
			return actions.join('');
		}}
	],
	// 加载成功后执行事件
	ajaxSuccess: function(data){
		
	}
});
</script>